iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 2
0
自我挑戰組

老蕭咖啡館,情境式學習基礎iOS Swift系列 第 2

[2019鐵人賽Day2]老蕭咖啡館-緣起(Hello初體驗)

  • 分享至 

  • xImage
  •  

一月底,略帶寒雨的冬季

突然畫面跳出視窗,「叮咚,有人在家嗎~~~~」
嗯,吳霏語?
(心中有無數的思緒湧上)
「蕭亦翔 好久不見,最近好嗎?」(霏語)
「普普通通囉,妳呢,還好嗎?突然找我怎啦?」(亦翔)
「還行,那個上次聽你說你會製作網頁,我們社團目前需要一個簡易的APP,可以請你幫我嗎?」(霏語)
「可以啊,小事而已,那我們再約個時間吧」(亦翔)

我們雨中相見,因社團網頁而見。
妳,還是一樣單純,只是我變沉默了,是太久沒相見的關係嗎?
還是不夠了解妳?

這時,我才了解,一直以來為何誰都住不進我的心裡,因我還喜歡著妳,亦或者真的愛上妳了
哪怕是更困難的事情,我也願意。
妳還是這麼耀眼,還是感覺離妳好遠。

(本故事純屬虛構,如有雷同實屬巧合)

============

在製作這個APP時,蕭亦翔參考了許多資料,並把步驟記錄了下來
我記得,他教我寫iOS APP時也是拿出他這一套步驟,要我照著他去做,並在旁教導我

林宇:好像很有趣,不如讓我也了解一下吧
好唷,那我們之後,每一篇都簡略說一點,或許妳聽完自己也可以有入門基礎了呢
林宇:那就先謝謝老闆了
客氣了~~~

============

設備需求:
需要一台Mac系統的電腦

人物需求:
一顆熱忱的心跟沒有基礎的新手
(高手請跳過,請欣賞虛構故事QWQ)

Step1. 請到App Store 下載 Xcode
https://ithelp.ithome.com.tw/upload/images/20181017/20091333yM4czsSPzW.png

Step2. 安裝完Xcode後,可以在應用程式中考到Xcode的icon圖示,點擊開啟
(建議將Xcode圖示拖曳到Dock上,以方便將來開啟使用)
https://ithelp.ithome.com.tw/upload/images/20181017/20091333ABoclhRQtG.png

Step3. 之後會看到歡迎畫面,點擊「Create a new Xcode project」,開啟一個新專案
https://ithelp.ithome.com.tw/upload/images/20181017/20091333a2HQgsUoMp.png

Step4. 選擇[iOS]->[Single View]->Next,接著Project Name填入「Hello」,Organization Name填入「mac」,Organization Identifier填入「macmac」->Next
https://ithelp.ithome.com.tw/upload/images/20181017/20091333QIGFVf7H1S.png

https://ithelp.ithome.com.tw/upload/images/20181017/20091333n9lys38HZo.png

Step5. 在桌面建立個Swift資料夾,並選擇將專案建立在Swift資料夾中

Step6. [1]先點選「Main.storyboard」->[2]在點選右下選單第三項->[3]在下方輸入Label->[4]將元件拖曳到中間畫面上
https://ithelp.ithome.com.tw/upload/images/20181017/200913337eHVdOymxN.png

Step7. 點擊剛拉出的Label元件兩下編輯內容,並填入想填寫的內容
https://ithelp.ithome.com.tw/upload/images/20181017/200913330eCA0XgjiF.png

Step8. 完成編輯後,點擊左上角運行模擬程式,讓我們看看成果如何
https://ithelp.ithome.com.tw/upload/images/20181017/20091333pbxLyhqPF3.png

Step9. 出現以下畫面,就算順利完成了
https://ithelp.ithome.com.tw/upload/images/20181017/20091333f7Kruc7Gyr.png


上一篇
[2019鐵人賽Day1]老蕭咖啡館-起敘
下一篇
[2019鐵人賽Day3]老蕭咖啡館-平淡的緣分(平淡無奇的基礎觀念說明(上))
系列文
老蕭咖啡館,情境式學習基礎iOS Swift30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
SunAllen
iT邦研究生 1 級 ‧ 2018-10-19 00:02:22

大大不好意思,因為我沒用過Apple 系列,請問...跟您確認一下,這套xcode,是做apple app的軟體,對吧?

看更多先前的回應...收起先前的回應...
卡斯 iT邦研究生 1 級 ‧ 2018-10-19 00:07:28 檢舉

Dear SunAllen是的~~

可以看看

Old Siao iT邦研究生 1 級 ‧ 2018-10-19 00:10:17 檢舉

大前輩,小弟還只在新手村打轉的超級初「新」者,撐不起大大的稱號啊XDD

Xcode是蘋果公司向開發人員提供的集成開發環境,用於開發macOS、iOS、WatchOS和tvOS的應用程序
https://zh.wikipedia.org/wiki/Xcode

Old Siao iT邦研究生 1 級 ‧ 2018-10-19 00:11:56 檢舉

謝謝盧卡斯大大協助解圍~~~/images/emoticon/emoticon12.gif

SunAllen iT邦研究生 1 級 ‧ 2018-10-19 00:12:22 檢舉

盧卡斯大大,看到了文章,謝謝您。

Old Siao大大,網路是不分年紀和輩份的,不要太客氣啦xd

卡斯 iT邦研究生 1 級 ‧ 2018-10-19 00:13:22 檢舉

/images/emoticon/emoticon42.gif

我要留言

立即登入留言